@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.pin_bj{margin-top: 100px; background: url(../images/pin_bj.jpg) no-repeat center 0 ; height:632px; overflow: hidden; }
.pin{height:632px; width:1200px;margin: 0 auto; overflow: hidden; }
.pin_l{ width:699px;overflow: hidden;}
.pin_l h2{border:4px solid #3c3c3c; width:404px; height:186px; position: relative; padding: 28px 0 0 36px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 48px; line-height: 60px; color:#333333;}
.pin_l h2::before{position: absolute;content:""; width:45px;height:4px; top: 49px;right: -30px;background:#3c3c3c;}
.pin_l h2 span{ color:#18aee7;}
.pin_l p{ width:699px;height:421px; overflow: hidden; margin-top: 25px;}
.pin_l p img{ width:699px;height:421px; }

.pin dl{width:500px;overflow: hidden; float: right;}
.pin dt { height:211px; overflow: hidden;}
.pin dt img{display: block; width:250px; height:211px; float: left;}

.pin dd {padding: 50px 0 0 60px;}
.pin dd h3{font-size: 24px; color:#333333; line-height: 30px;}
.pin dd h3 span{color:#18aee7;}
.pin dd p{margin-top: 20px; line-height: 24px; font-size: 14px;  color:#626262;}
.pin dd i{ display: block; margin: 35px 0; width:202px;height:50px;background:#18aee7; border-radius: 30px;text-align: center; line-height: 50px;box-shadow: 0 0 5px 2px #dbdddf;}
.pin dd i img{vertical-align: middle;margin-left: 55px;}
.pin dd i a{ font-size: 16px; color:#fff;  font-weight: bold;}

.bt01{ font-size: 48px; color:#333333;text-align: center; line-height: 60px;}
.bt01 a{ color:#333333;}
.bt01 span{ color:#18aee7;}
.bt01 i{display: block; font-size: 20px;font-weight: normal; line-height: 30px;}

.pro_bj{background: url(../images/pro_bj.jpg) no-repeat center 145px; height:910px; overflow: hidden; margin-top: 92px;}
.pro{ width:1200px; margin: 0 auto 0; height:910px; overflow: hidden; position: relative;}
.pro h2{height:145px;}

.pro_c ul{ margin-top: 80px; overflow: hidden;}
.pro_c li{ float: left; margin:0 12px 15px 0; width:392px;height:278px; overflow: hidden;background:#efefef;}
.pro_c li:nth-child(2), .pro_c li:nth-child(5){margin-right: 0;}
.pro_c li:nth-child(1){margin-left: 404px;}
.pro_c li img{ width:392px; height:221px;transition: all 0.6s;}
.pro_c li span{display: block;line-height: 57px; height:57px; font-size: 16px; color:#272727; text-align: center;}
.pro_c li:hover img{transform: scale(1.05);}
.pro_c li:hover {background:#0042b3;}
.pro_c li:hover span{color:#fff;background: #19aee7; }

.list{position: absolute; top: 240px; left: 0; width:400px; overflow: hidden;}
.list li{ width:80px; float: left;margin-right: 110px; overflow: hidden;}
.list a{ padding-top: 78px; font-size: 20px; color:#fff; line-height: 22px;display: block;}
.list li:nth-child(1) a{background: url(../images/pro_ico01.png) no-repeat center 0;}
.list li:nth-child(2) a{background: url(../images/pro_ico02.png) no-repeat center 0; }
.list li img{display: block;margin: 15px auto;display: none;}
.list li:nth-child(2) a:hover , .list li:nth-child(2).cur a{background: url(../images/pro_ico04.png) no-repeat center 0;}
.list li:nth-child(1) a:hover , .list li:nth-child(1).cur a{background: url(../images/pro_ico03.png) no-repeat center 0;}
.list li a:hover img , .list li.cur a img{display: block;}

.proprev{position: absolute; top: 190px;right: 70px; width:7px;height:14px; z-index: 3; display: none;}
.pronext{position: absolute; top: 190px;right: 0; width:7px;height:14px; z-index: 3; display: none;}

.sheb{ width:1200px; height:789px; margin: 0 auto; overflow: hidden;}
.sheb h2{height:140px;}
.sheb li{ float: left;background:#18aee7;height:270px; width:300px; overflow: hidden;}
.sheb li:nth-child(2),.sheb li:nth-child(4),.sheb li:nth-child(5),.sheb li:nth-child(7){background:#f2f6f7;} 
.sheb li span{display: block; font-size: 36px;text-align: center; color:#fff; padding-top: 52px; line-height: 40px;font-weight: bold;}
.sheb li p{padding: 20px 35px 0; font-size: 14px; line-height: 24px; color:#fff;text-align: center;}
.sheb li i{display: block; font-size: 60px;text-align: center; color:#fff; padding-top: 52px; line-height: 62px;font-weight: bold;font-family: Arial;}
.sheb li:nth-child(2) i,.sheb li:nth-child(4) i,.sheb li:nth-child(5) span,.sheb li:nth-child(7) span{color:#333333;} 
.sheb li:nth-child(2) p,.sheb li:nth-child(4) p,.sheb li:nth-child(5) p,.sheb li:nth-child(7) p{color:#6f6f6f;} 

.solution_bj{background: url(../images/solution_bj.jpg) no-repeat center 0 ;height:720px;overflow: hidden;}
.solution{ width:1200px; margin: 0 auto; overflow: hidden;}
.solution ul{margin:130px 0 0 31px; width:798px;height:458px; border:1px solid #ebebeb; float: left; overflow: hidden;}
.solution li{ width:25%;height:178px; margin-top: 52px; float: left; overflow: hidden; position: relative; font-size: 18px; color:#333333; text-align: center; line-height: 28px;}
.solution li::before{position: absolute; top: 26px;right: 0; width:1px; height:100px; background:#efefef; content:"";}
.solution li:nth-child(4n)::before{height:0;}
.solution li a{ display: block;}
.solution li i{display: block; font-size: 12px; font-family: Arial; color:#aaaaaa;text-transform: uppercase;}
.solution li img{ width:50px; height:50px;background:#022151; border-radius: 100%; margin: 6px auto 25px; display: block;}
.solution li a:hover{font-weight: bold; color:#18aee7;}
.solution li a:hover i{font-weight: normal;}
.solution li a:hover img{background:#18aee7;}

.solution h2{padding-top: 228px; width:340px; text-align: right; overflow: hidden; font-size: 48px;color:#fff;}
.solution h2 a{ color:#fff;}
.solution h2 i{display: block; font-size: 58px; line-height: 60px;padding-bottom: 45px; font-family: Arial;text-transform: uppercase;}
.solution h2 span{display: block; padding-top: 10px; font-size: 18px;font-weight: normal;}

.case{margin-top: 90px;height:1217px;overflow: hidden;}
.case h2{height:128px;}
.casenav{height:100px;background: url(../images/case_bj.gif) repeat-y center 0 ; overflow: hidden; position: relative;}
.casespan{position: absolute; top: 18px; right: 50%; margin-right: -600px; width:86px;background: url(../images/case_ico08.gif) no-repeat center 0 ; padding-top: 45px; font-size: 18px;text-align: center; line-height: 20px;}
.casespan span a{ color:#3c3c3c;}
.casenav ul{ width:1200px; margin: 0 auto;}
.casenav li{ float: left; width:155px; position: relative;}
.casenav li a{ display: block; padding-top: 62px; font-size: 18px; color:#3d3d3d;text-align: center; height:100px;}
.casenav li:nth-child(1) a{background: url(../images/case_ico01.gif) no-repeat center 19px ;}
.casenav li:nth-child(2) a{background: url(../images/case_ico02.gif) no-repeat center 19px ;}
.casenav li:nth-child(3) a{background: url(../images/case_ico03.gif) no-repeat center 19px ;}
.casenav li:nth-child(4) a{background: url(../images/case_ico04.gif) no-repeat center 19px ;}
.casenav li:nth-child(5) a{background: url(../images/case_ico05.gif) no-repeat center 19px ;}
.casenav li:nth-child(6) a{background: url(../images/case_ico06.gif) no-repeat center 19px ;}
.casenav li:nth-child(7) a{background: url(../images/case_ico07.gif) no-repeat center 19px ;}
.casenav li::before{position: absolute; content:""; width:1px; height:56px;border-right: 1px dashed #9f9f9f; top: 25px; right:0;}
.casenav li a:hover , .casenav li.cur a{border-top: 4px solid #18aee7;  padding-top: 58px;}
.casenav li:nth-child(1) a:hover , .casenav li:nth-child(1).cur a{background:#fff url(../images/case_ico09.gif) no-repeat center 15px ;}
.casenav li:nth-child(2) a:hover , .casenav li:nth-child(2).cur a{background:#fff url(../images/case_ico10.gif) no-repeat center 15px ;}
.casenav li:nth-child(3) a:hover , .casenav li:nth-child(3).cur a{background:#fff url(../images/case_ico11.gif) no-repeat center 15px ;}
.casenav li:nth-child(4) a:hover , .casenav li:nth-child(4).cur a{background:#fff url(../images/case_ico12.gif) no-repeat center 15px ;}
.casenav li:nth-child(5) a:hover , .casenav li:nth-child(5).cur a{background:#fff url(../images/case_ico13.gif) no-repeat center 15px ;}
.casenav li:nth-child(6) a:hover , .casenav li:nth-child(6).cur a{background:#fff url(../images/case_ico14.gif) no-repeat center 15px ;}
.casenav li:nth-child(7) a:hover , .casenav li:nth-child(7).cur a{background:#fff url(../images/case_ico15.gif) no-repeat center 15px ;}

.case_c{width:1200px;margin: 50px auto 0;}
.case_c li{ float: left; width:382px;height:400px; margin:0 27px 30px 0; overflow: hidden; line-height: 0; border-bottom: 3px solid #c5c5c5;;}
.case_c li img{ width:382px; height:267px;}
.case_c li:nth-child(3n){margin-right: 0;}
.case_c li span{ display: block;margin-top: 35px;background: url(../images/case_ico0.gif) no-repeat 342px center ;width:100%; font-size: 20px; color:#170e11; line-height: 30px;}
.case_c li p{padding-top: 5px; font-size: 14px; line-height: 20px; color:#616161;}
.case_c li:hover {border-bottom: 3px solid #18aee7;}

.pic{background: url(../images/pic.jpg) no-repeat center 0 ;height:369px;overflow: hidden;position: relative;}
.pic p{position: absolute; top: 215px;right: 50%;margin-right: -526px; width:284px;height:66px;line-height: 24px; font-size: 18px; color:#21a9df;font-weight: bold;border-radius: 5px;background:#fae321 url(../images/pic_ico01.gif) no-repeat 42px center;padding-left:86px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; padding-top:10px;}
.pic p img{vertical-align: middle;margin-right: 10px;}
.pic p a{  color:#21a9df;}


.ys {position: relative;margin-top: 92px;height:1682px; overflow: hidden;}
.ys h2{height:149px;}
.ys1{height:670px; position: relative; overflow: hidden;}
.ys1 .p01{position: absolute; top: 0;right: 50%; margin-right: -960px;width:960px;height:670px;}
.ys1 .p01 img{width:960px;height:670px;}
.ys1 .p02{position: absolute; top:335px;left: 50%; margin-left: -600px;width:600px;height:335px;}
.ys1 .p02 img{width:600px;height:335px;}
.ys2{ height:338px; position: relative;}
.ys2 .p03{position: absolute; top: 0;right: 50%; margin-right: -600px;width:600px;height:338px;}
.ys2 .p03 img{width:600px;height:338px;}
.ys2 .p04{ width:360px; height:338px;background:#18aee7;position: absolute; top: 0;left: 50%; margin-left: -960px;}
.ys3{background: url(../images/ys4.jpg) no-repeat center 0 ; height:433px; overflow: hidden;}

.ys dl{position: absolute; width:600px;background:#fff;height:335px;padding: 58px 0 0 100px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ys .dl01{ top: 149px;left: 50%;margin-left: -600px; }
.ys .dl02{ top: 484px;right: 50%;margin-right: -600px; padding-left: 40px;}
.ys .dl03{ top: 819px;left: 50%;margin-left: -600px;  height:338px;background:#022151;}
.ys .dl04{ top: 1157px;right: 50%;margin-right: -600px;}
.ys dt{height:69px; font-size: 30px; color:#333333;font-weight: bold;line-height: 69px;position: relative;}
.ys dt::before{position: absolute; top: 0;left: 0; width:24px;height:2px; background:#18aee7;content:"";}
.ys .dl03 dt{color:#fff;}
.ys dd{line-height: 50px; padding-left: 25px;border-bottom: 1px dashed #ebebeb; font-size: 14px; color:#666666; position: relative;}
.ys dd::before{position: absolute; top: 20px;left: 0; width:6px;height:6px;content:"";border:2px solid #aaaaaa; border-radius: 100%;}
.ys .dl03 dd{ border-bottom: 1px dashed #484848; color:#d2d2d2;}
.ys .dl04 dd{line-height: 30px;}
.ys .dl04 dd::before{top: 10px;}


.news{width:1200px;height:600px;margin:0 auto 0;overflow: hidden; }
.news h2{height:137px; }
.news_nav {height:111px; overflow: hidden;text-align: center;}
.news_nav li{display: inline-block; overflow: hidden;text-align: center;width:142px; margin: 0 8px;}
.news_nav li a{display: block;width:140px;height:35px; border:1px solid #d2d2d2; font-size: 18px; color:#333333; line-height: 35px;border-radius: 30px;}
.news_nav li a:hover ,.news_nav li.cur a{ color:#fff;border-bottom: 1px solid #18aee7;background:#18aee7;}

.news_c{ }
.news_c dl { width:695px; float: left; position: relative; overflow: hidden;}
.news_c dl::before {position: absolute; content: ''; width:68px; height:2px;background:#18aee7; top: 26px;left: 266px;}
.news_c dt{width:302px; float: left; overflow: hidden;}
.news_c dt img{ display: block; width:302px; height:227px;}
.news_c dd{width:345px; float: right; overflow: hidden;}
.news_c dd h3{padding:15px 0 0; font-size: 16px;font-weight: normal;}
.news_c dd h3 a{ color:#333333;}
.news_c dd p{padding-top: 25px;font-size: 14px; line-height: 24px; color:#808080;}
.news_c dd i{ display: block; font-size: 14px; color:#b1b1b1; font-family: Arial; padding-top: 10px;}
.news_c dd em{width:120px; height:30px;border:1px solid #e5e5e5; display: block;margin-top: 35px;text-align: center; line-height: 30px;}
.news_c dd em a{ color:#19aee7; text-transform: uppercase;}
.news_c ul{ width:433px; float: right; overflow: hidden;}
.news_c li{height:38px; overflow: hidden;margin-bottom: 14px; line-height: 38px; font-size: 14px;}
.news_c li i{ font-family: Arial; color:#b1b1b1; padding-left: 20px; width:110px; display: inline-block;}
.news_c li a{ color: #666666;}
.news_c li:hover{background:#18aee7; color:#fff;}
.news_c li:hover a{ color:#fff;}
.news_c li:hover i{ color:#fff;}

.about{height:552px;background: url(../images/abot_bj.gif) repeat-y center 0 ;overflow: hidden; }
.about dl{height:552px;position: relative; overflow: hidden;}
.about dt{ width:1060px; position: absolute; top: 0;left: 50%; margin-left: -960px; overflow: hidden;}
.about dt img{ width:1060px; height:552px; }
.about dd{width:420px;position: absolute; top: 0;right: 50%; margin-right: -600px; overflow: hidden;}
.about dd h2{ text-align: left; padding-top: 63px;}

.about dd h3 {color:#4b4b4b; font-size: 24px;font-weight: normal; line-height: 26px; padding-top: 20px;}
.about dd h3 a{ color:#4b4b4b;}
.about dd h3 i{ display: block; font-size: 12px; font-family: Arial; color:#b8b8b8;letter-spacing: 1px;}
.aboutwz{ height:224px;overflow: hidden; padding-top: 24px;font-size: 14px; color:#626262; line-height:30px;}
.about dd em{display: block; width:233px;height:42px;background:#383838;text-align: center; line-height: 42px; font-size: 14px;}
.about dd em a{ color:#fff;}

.link_bj{background: url(../images/link_bj.gif) repeat-y center  0; height:auto; overflow: hidden; }
.link{width:1200px; margin: 0 auto; height: auto; overflow: hidden;font-family:"Microsoft Yahei";}
.link h2{ width:80px; overflow: hidden; float: left; font-size:14px; line-height: 40px; overflow: hidden;color:#696969;}
.link p{  width: 960px; float: left; font-size: 14px;overflow: hidden; line-height: 40px; color:#696969;}
.link p a{ color:#696969; padding:0 20px;display:inline-table;}